<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>关于公司</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/about.css"/>
	</head>
	<body>
		<!--头部-->
		<nav class="navbar navbar-fixed-top navbar-inverse nav-shadow">
			<div class="container-fluid header-box">
				<ul class="nav navbar-nav navbar-right header">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="information.html">旅游咨询</a>
					</li>
					<li>
						<a href="book.html">机票订购</a>
					</li>
					<li>
						<a href="view.html">风景欣赏</a>
					</li>
					<li class="active">
						<a href="#">关于公司</a>
					</li>
				</ul>
			</div>
		</nav>
		
		<!--图片部分-->
		<section class="header-c">
			<div class="container-fluid header-container">
				<div class="header-pic">
					<img src="img/headline.jpg"/>
					<div class="header-title">
						<h1><strong>公司简介</strong></h1>
						<h3>公司的发展历程、获得荣誉以及联系方式</h3>
					</div>
				</div>
			</div>
		</section>
		
		<!--内容-->
		<section class="section-recommend">
			<div class="container">
				<div class="row">
					<!--左边页面-->
					<div class="col-sm-8 content-different">
						<!--左边页面标题-->
						<div class="row">
							<div class="col-xs-12 different-title">
								<h3>关于我们</h3>
								<hr class="different-hr"/>
							</div>
						</div>
						
						<!--左边页面内容-->
						<div class="row different-content">
							<div class="col-xs-12">
								<p>瓢城旅行社旅游网创立于2006年10月，以“让旅游更简单”为使命，为消费者提供由北京、上海、广州、深圳等64个城市出发的旅游产品预订服务，产品全面，价格透明，全年365天24小时400电话预订，并提供丰富的后续服务和保障。</p>
								<p>目前，瓢城旅行社旅游网提供8万余种旅游产品供消费者选择，涵盖跟团、自助、自驾、邮轮、酒店、签证、景区门票以及公司旅游等，已成功服务累计超过400万人次出游。</p>
								<p>同时基于瓢城旅行社旅行网全球中文景点目录以及中文旅游社区，可以更好地帮助游客了解目的地信息，妥善制定好出游计划，并方便地预订旅程中的服务项目。</p>
							</div>
						</div>
						
						<!--左边页面标题2-->
						<div class="row">
							<div class="col-xs-12 different-title">
								<h3>联系我们</h3>
								<hr class="different-hr"/>
							</div>
						</div>
						
						<!--左边页面内容-->
						<div class="row different-content">
							<div class="col-xs-12">
							<p>瓢城旅行社股份有限公司</p>	
							<p>地址：江苏省盐城市亭湖区大庆中路1234号</p>
							<p>邮编：1234567</p>
							<p>电话：010-88888888</p>
							<p>传真：010-88666666</p>
							</div>
						</div>
						
					</div>
					<!--右边公共部分-->
					<div class="col-sm-4 hidden-xs content-recommend">
						<!--景点推荐-->
						<div class="content-recommend-box">
							<div class="row">
								<div class="col-xs-12 recommend-title">
									<h4>景点推荐</h4>
								</div>
							</div>
							
							<div class="row recommend-content1">
								<!--1-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>曼谷(12)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>东京(5)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>西双版纳(8)</span>
									</div>
								</div>
								<!--2-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>漓江(16)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>呼伦贝尔(4)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>首尔(9)</span>
									</div>
								</div>
								<!--3-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>巴厘岛(15)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>土耳其(22)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>夏威夷(5)</span>
									</div>
								</div>
								<!--4-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>巴厘岛(11)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>毛里求斯(7)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>吉普岛(4)</span>
									</div>
								</div>
								<!--5-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>希腊(18)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>法瑞意(8)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>马尔代夫(9)</span>
									</div>
								</div>
								<!--6-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>新西兰(16)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>埃及(11)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>迪拜(14)</span>
									</div>
								</div>
								<!--7-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>斯里兰卡(7)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>麦哈顿(3)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>大阪(15)</span>
									</div>
								</div>
								
							</div>
						
						</div>
						
						<!--热卖旅游-->
						<div class="content-recommend-box">
							<div class="row">
								<div class="col-xs-12 recommend-title">
									<h4>热卖旅游</h4>
								</div>
							</div>
							
							<div class="row recommend-content2">
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot1.jpg"/>
									</div>
									<p class="text-center">曼谷-芭提雅6日游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot2.jpg"/>
									</div>
									<p class="text-center">马尔代夫双鱼6日游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot3.jpg"/>
									</div>
									<p class="text-center">海南双飞5日游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot4.jpg"/>
									</div>
									<p class="text-center">富山大阪东京8日游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot5.jpg"/>
									</div>
									<p class="text-center">法瑞意德12日游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot6.jpg"/>
									</div>
									<p class="text-center">巴厘岛6日半游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot7.jpg"/>
									</div>
									<p class="text-center">塞舌尔迪拜9日游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot8.jpg"/>
									</div>
									<p class="text-center">花样土耳其10日游</p>
								</div>
							</div>
							
						</div>
						
						<!--旅游百宝箱-->
						<div class="content-recommend-box">
							<div class="row">
								<div class="col-xs-12 recommend-title">
									<h4>旅游百宝箱</h4>
								</div>
							</div>
							
							<div class="row recommend-content3">
								<div class="col-sm-6">
									<div class="recommend-content1-item recommend-content3-item imgdark lidark">
										<img class="img-responsive" src="img/trea1.png"/>
										<span>天气预报</span>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="recommend-content1-item recommend-content3-item imgdark lidark">
										<img class="img-responsive" src="img/trea2.png"/>
										<span>火车票查询</span>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="recommend-content1-item recommend-content3-item imgdark lidark">
										<img class="img-responsive" src="img/trea3.png"/>
										<span>航空查询</span>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="recommend-content1-item recommend-content3-item imgdark lidark">
										<img class="img-responsive" src="img/trea2.png"/>
										<span>地铁线路查询</span>
									</div>
								</div>
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</section>	
		
		<!--页脚-->
		<section class="footer">
			<div class="container-fluid">
				<div class="row footer-nav">
					<div class="col-sm-4 hidden-xs">
						<h3>合作伙伴</h3>
						<ul>
							<li><a href="#">途牛旅游网</a></li>
							<li><a href="#">驴妈妈旅游网</a></li>
							<li><a href="#">携程旅游</a></li>
							<li><a href="#">中国青年旅行社</a></li>
						</ul>
					</div>
					<div class="col-sm-4 hidden-xs">
						<h3>旅游FAQ</h3>
						<ul>
							<li><a href="#">旅游合同签订方式？</a></li>
							<li><a href="#">儿童价是基于什么制定的？</a></li>
							<li><a href="#">旅游的线路品质怎么界定的？</a></li>
							<li><a href="#">单房差是什么？</a></li>
							<li><a href="#">旅游保险有哪些种类？</a></li>
						</ul>
					</div>
					<div class="col-sm-4 hidden-xs">
						<h3>联系方式</h3>
						<ul>
							<li><a href="#">微博：weibo.com/ycku</a></li>
							<li><a href="#">邮件：ycku@ycku.com</a></li>
							<li><a href="#">地址：江苏盐城无名路123号</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="container-fluid">
				<p class="text-center overflow2">Copyright&copy;YCKU 瓢城旅行社|苏ICP备120110119号|旅行社经营许可证：L-YC-BK12345</p>
			</div>
		</section>
		
		
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
